<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 继承
    // 让一个类(构造函数) 继承 另一个类(构造函数) 的属性和方法(实例化对象和原型对象),同时还可以重新定义追加自己的方法
    // 继承的类 => 子类
    // 被继承的类 => 父类

    // 继承的目的: 实现代码中属性和方法的复用,提高编程效率


    // 组合继承  (构造函数继承 + 原型对象继承): 
    // 目的:让子类继承父类的属性和方法(实例化对象和原型对象)



    // 父类
    function Person(name, age) {
        // this -> 构造函数Person在执行过程中创建的是实例化对象
        this.name = name;
        this.age = age;
    }
    Person.prototype.species = "human";
    Person.prototype.skill = function () {
        console.log("thinking");
    }
    Person.prototype.say = function () {
        console.log(this.name, this.age);
    }
    // p的原型链: p -> Person.prototype -> Object.prototype -> null
    var p = new Person("张三", 18);

    // 子类
    function YellowPerson(name, age, hobby) {
        // this -> 构造函数YellowPerson在执行过程中创建的是实例化对象 (obj)
        Person.call(this, name, age);  //调用父类构造函数,强制将this指向子类在在执行过程中创建的是实例化对象
        this.hobby = hobby;
    }

    function Fn() { }
    Fn.prototype = Person.prototype;

    YellowPerson.prototype = new Fn();
    YellowPerson.prototype.constructor = YellowPerson;

    // YellowPerson.prototype = new Fn() -> {
    //     constructor:YellowPerson,
    //     [[Prototype]]:Person.prototype
    // }


    YellowPerson.prototype.speak = function () {
        console.log("chinese");
    }

    // yp的原型链: yp -> YellowPerson.prototype -> Object.prototype -> null
    var yp = new YellowPerson("张三", 18, "睡觉");
    console.log(yp);


</script>

</html>